<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>About Blockly Games</title>
  <link rel="stylesheet" href="common/common.css">
  <style>
    body {
      padding: 1em 8em;
    }
    td {
      padding: 0 1em;
    }
  </style>
</head>
<body>
  <h1><a id="back" href="/">Blockly Games</a> : About</h1>

<p>Blockly Games is a series of educational games that teach programming.  It is
designed for children who have not had prior experience with computer programming.
By the end of these games, players are ready to use conventional text-based languages.</p>

<table>
  <tr>
    <td>
      <img src="index/puzzle.png" height=100 width=100>
    </td>
    <td>
<p>Puzzle is a quick introduction to Blockly's shapes and how the pieces snap together.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/maze.png" height=100 width=100>
    </td>
    <td>
<p>Maze is an introduction to loops and conditionals. It starts simply, but
every level is more challenging than the last.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/bird.png" height=100 width=100>
    </td>
    <td>
<p>Bird is a deep-dive into conditionals. Control-flow is explored with
increasingly complex conditions.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/turtle.png" height=100 width=100>
    </td>
    <td>
<p>Turtle is a deep-dive into loops. Use nested loops to paint a picture.
Then publish your art for the world to see.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/movie.png" height=100 width=100>
    </td>
    <td>
<p>Movie is an introduction to mathematical equations. Use math to animate a movie.
Then publish your movie for the world to watch.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/music.png" height=100 width=100>
    </td>
    <td>
<p>Music is an introduction to functions. Use functions to compose music.
Then publish your music for the world to listen to.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/pond-tutor.png" height=100 width=100>
    </td>
    <td>
<p>Pond Tutor introduces text-based programming.  Levels switch back and forth
between blocks and actual JavaScript in a text editor.</p>
    </td>
  </tr>

  <tr>
    <td>
      <img src="index/pond-duck.png" height=100 width=100>
    </td>
    <td>
<p>Pond is an open-ended contest to program the smartest duck.
Use either blocks or JavaScript.</p>
    </td>
  </tr>
</table>

<p>Blockly Games is a Google project to encourage tomorrow's programmers. The
games are designed to be self-paced and self-teaching. Feel free to use Blockly
Games both inside and outside the classroom. All code is open source, see
the <a href="https://github.com/google/blockly-games/wiki">developer's&nbsp;website</a>
for more info or to download zip files for offline use.</p>

<p>Developers, teachers and parents are welcome to
<a href="https://groups.google.com/forum/#!forum/blockly-games">give&nbsp;feedback</a>
as we continue to grow.</p>

<p style="text-align: center; font-size: small">
  <a href="https://policies.google.com/privacy">Google Privacy Policy</a> &mdash;
  <a href="https://policies.google.com/terms">Google Terms of Service</a>
</p>

<script src="common/back.js"></script>
<!-- Google Analytics -->
<script>
if (window.location.pathname.substr(-5) != '.html'){
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-50448074-1', 'auto');
  ga('send', 'pageview');
}
</script>
<!-- End Google Analytics -->
</body>
</html>
